<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 头部搜索栏 -->
    <div class="header_search mar">
        <div class="porsition">
            <p>北京</p>
        </div>
        <div class="search">
          <span class="iconfont icon-search"></span>
          <input type="text" placeholder="输入小区名称或商圈">
        </div>
        <div class="guidance">           
         <img src="./icons/header_news.png" alt="">          
        </div>
    </div>
    <!-- 头部搜索栏 -->


    <!-- 头部导航栏 -->
    <div class="header_nav mar">
        <div class="top">
            <img src="./img/banner.png" alt="">
        </div>
        <div class="mid">
            <ul>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <div class="bottom">
            <div class="son"><img src="./icons/nav_1.png" alt=""></div>
            <div class="son"><img src="./icons/nav_2.png" alt=""></div>
        </div>
    </div>
    <!-- 头部导航栏 -->


    <!-- 超值优惠部分 -->
    <div class="preferential mar">
       <div class="top">
        <p>超值优惠</p>
        <div class="yjt"><img src="./icons/content_icon_next.png" alt=""></div>
       </div>
       <div class="content">
        <div class="son">
            <div class="pic"><img src="./img/content_tu_home_left@2x.png" alt=""></div>
            <h3>宝石花园</h3>
            <h4>朝阳区-2室1厅-90平方米</h4>
            <p>￥7800元/月</p>

        </div>
        <div class="son">
            <div class="pic"><img src="./img/content_tu_home_right@2x.png" alt=""></div>
            <h3>领秀新贵都</h3>
            <h4>朝阳区-2室1厅-90平方米</h4>
            <p>￥7800元/月</p>

        </div>
       </div>
    </div>
    <!-- 超值优惠部分 -->


    <!-- 广告栏 -->
    <div class="advertisement mar">
        <img src="./img/ggwei_home.png" alt="">
    </div>
    <!-- 广告栏 -->


    <!-- 为您推荐部分 -->
    <div class="recommend mar">
       <div class="top">
        <div class="left">
            <h3>为您推荐</h3>
        </div>
        <div class="right">          
                <p>整租</p><p>合租</p>           
        </div>
       </div>
       <div class="bottom">
        <ul>
            <li>
                <div class="pic"><img src="./img/home_list_tu1@2x.png" alt=""></div>
                <div class="content">
                    <h3>整租-保利家园7号院1号楼</h3>
                    <h4>朝阳区|2室1厅|90平方米</h4>
                    <h4>距5号线立水桥1200米，13号线广西男</h4>
                    <div class="label">
                        <div class="son">独卫</div>
                        <div class="son">含阳台</div>
                    </div>
                    <p>￥7800<span>元/月</span></p>
                </div>
            </li>
            <li>
                <div class="pic"><img src="./img/home_list_tu1@2x.png" alt=""></div>
                <div class="content">
                    <h3>整租-保利家园7号院1号楼</h3>
                    <h4>朝阳区|2室1厅|90平方米</h4>
                    <h4>距5号线立水桥1200米，13号线广西男</h4>
                    <div class="label">
                        <div class="son">独卫</div>
                        <div class="son">含阳台</div>
                    </div>
                    <p>￥7800<span>元/月</span></p>
                </div>
            </li>
            <li>
                <div class="pic"><img src="./img/home_list_tu1@2x.png" alt=""></div>
                <div class="content">
                    <h3>整租-保利家园7号院1号楼</h3>
                    <h4>朝阳区|2室1厅|90平方米</h4>
                    <h4>距5号线立水桥1200米，13号线广西男</h4>
                    <div class="label">
                        <div class="son">独卫</div>
                        <div class="son">含阳台</div>
                    </div>
                    <p>￥7800<span>元/月</span></p>
                </div>
            </li>
            <li>
                <div class="pic"><img src="./img/home_list_tu1@2x.png" alt=""></div>
                <div class="content">
                    <h3>整租-保利家园7号院1号楼</h3>
                    <h4>朝阳区|2室1厅|90平方米</h4>
                    <h4>距5号线立水桥1200米，13号线广西男</h4>
                    <div class="label">
                        <div class="son">独卫</div>
                        <div class="son">含阳台</div>
                    </div>
                    <p>￥7800<span>元/月</span></p>
                </div>
            </li>
            <li>
                <div class="pic"><img src="./img/home_list_tu1@2x.png" alt=""></div>
                <div class="content">
                    <h3>整租-保利家园7号院1号楼</h3>
                    <h4>朝阳区|2室1厅|90平方米</h4>
                    <h4>距5号线立水桥1200米，13号线广西男</h4>
                    <div class="label">
                        <div class="son">独卫</div>
                        <div class="son">含阳台</div>
                    </div>
                    <p>￥7800<span>元/月</span></p>
                </div>
            </li>

        </ul>
       </div>
    </div>
    <!-- 为您推荐部分 -->


    <!-- 查看更多 -->
    <div class="more mar">
        <p>查看更多优质房源</p>
    </div>
    <!-- 查看更多 -->


    <!-- 品牌故事 -->
    <div class="story mar">
        <img src="./img/gushirukou_home.png" alt="">
    </div>
    <!-- 品牌故事 -->


    <!-- 底部导航栏 -->
    <div class="foot_nav">
        <ul>
            <li>
                <div class="pic">
                    <img src="./icons/footer_1.png" alt="">
                </div>
                <p>首页</p>
            </li>
            <li>
                <div class="pic">
                    <img src="./icons/footer_1.png" alt="">
                </div>
                <p>首页</p>
            </li>
            <li>
                <div class="pic">
                    <img src="./icons/footer_1.png" alt="">
                </div>
                <p>首页</p>
            </li>
        </ul>
    </div>
    <!-- 底部导航栏 -->

    <script src="./js/flexible.js"></script>
</body>
</html>